<!DOCTYPE html>
<!-- 声明文档类型：告诉浏览器下面代码用html5语法开发 -->
<html>  
	<head>
		<meta charset="utf-8" />
		<!-- 编码集 ：万国码 解决乱码 -->
		<title>网页名字</title>
		<style>
			/* css注释的形式 */
			<!--html注释形式  -->
			
			/* 内部样式：选择器{属性和属性值} */
		</style>
	</head>
	<body>
		<!-- html 属性与属性值    功能：可做效果 但是仅针对单一的元素-->
		<p align="center">lorem1</p>
		<!-- css3 功能：做效果  全局效果
		 前端要求：结构与表现分离【html下结构，css写样式】
		 css引入方式：①内部样式表   ☆练习专用   √
		             ②外部样式表    项目专用   √
					 ③内联样式表    使用方法与属性和属性值类似
					 ④引入样式表 :css2语法，有问题：先页面后效果
					 @import
					 -->
		<p style="text-align: center">lorem2</p>			 
		<p></p>
	</body>
</html>
